@import 'antd/es/style/themes/default.less';
.box {
  position: relative;

  display: inline-block;

  width: 100%;

  color: #333;
  > .left-box {
    position: relative;

    display: inline-block;

    width: 200px;
    height: 100%;

    text-align: center;
    vertical-align: top;
    &::before {
      display: inline-block;

      width: 0;
      height: 100%;

      content: '';
      vertical-align: middle;
    }
    > .left-node {
      font-size: 14px;

      position: relative;

      display: inline-block;

      padding: 5px;

      cursor: pointer;
      text-align: left;
      vertical-align: middle;

      border: 1px solid @primary-6;
      border-radius: 4px;
      background-color: @primary-1;
      > .toggle-btn {
        position: absolute;
        z-index: 1;
        top: 50%;
        right: -10px;

        display: flex;
        align-items: center;
        justify-content: center;

        width: 20px;
        height: 20px;
        margin-top: -10px;

        cursor: pointer;
        user-select: none;

        border: 1px solid #ccc;
        border-radius: 50%;
        background-color: #fff;
      }
    }
  }
  > .right-box {
    position: relative;

    display: inline-block;

    vertical-align: top;
    &::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;

      content: '';

      border-left: 1px solid @primary-6;
    }
    &::after {
      position: absolute;
      top: 50%;
      left: -20px;

      width: 20px;

      content: '';

      border-top: 1px solid @primary-6;
    }
    > .box {
      &::before {
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 0;

        width: 20px;
        height: 1px;

        content: '';

        background-color: @primary-6;
      }
    }
  }
}

.left-box-top-bg {
  position: absolute;
  top: 0;
  left: 0;

  width: 4px;
  height: 50%;

  content: '';

  background-color: #fff;
}

.left-box-bottom-bg {
  position: absolute;
  bottom: 0;
  left: 0;

  width: 4px;
  height: 50%;

  content: '';

  background-color: #fff;
}
